<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../jquery2.1.1.min.js"></script>
</head>
<body>
<label for="select01">序号</label><select id="select01" name="select01"></select>


<script>



    // new Option(name,code)  name是展示值  code才是真实的传值

    var opt3=new Option('请选择','');

    $("select[name='select01']").append(opt3);

    var opt=new Option('1',2);

 //   $("#select01").append(opt);
    $("select[name='select01']").append(opt);              //添加下拉选 使用对象

    var opt2=new Option('2',3);
    $("select[name='select01']").append(opt2);



    $("#select01").append("<option value=" + 4+ ">4</option>");   //添加下拉选 使用html节点



    $('#select01')[0].onchange=function (){
        console.log($('#select01').val())
    };




</script>
</body>
</html>